<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, ">
    <meta charset="UTF-8">
    <title>默认行为</title>
    <style>
        #box{
            width: 100px;
            height: 100px;
            background: green;
            margin: 0px auto;
        }
    </style>
</head>
<body>
<div id="box"></div>
<span>默认事件被阻止了</span>
<img src="images/page2-img9.jpg" alt=""/>
<h1>这是一个ＣＤＫ：<span class="cdk">123123123</span></h1>
<script>
    var box=document.querySelector("#box");
    var cdk=document.querySelectorAll("h1 .cdk")[0];
    //局部保存默认事件效果
    cdk.addEventListener("touchstart",function (e) {
        e.stopPropagation();
    })
    /**
     * 取消移动端默认事件行为
     * 默认事件有：
     1.手指长按菜单。
     2.滚动条事件。
     e.preventDefault();
     e.stopPropagation();
     */
    document.addEventListener("touchstart",function (e) {
        e.preventDefault();
    });
   // 取消右键菜单事件---只有PC端才有右键
    document.addEventListener("contextmenu",function (e) {
        e.preventDefault();
    })
</script>
</body>
</html>